/*
 * @Author: lc
 * @version: v1.2
 * @Date: 2021-10-27 10:35:25
 * @LastEditors: lc
 * @LastEditTime: 2021-10-27 13:48:59
 * @Descripttion: webpack配置
 */

const path = require('path')

// 用于指向当前执行脚本（dirname.js）所在的目录路径，而且是绝对路径
function resolve(dir) {
  return path.join(__dirname, dir)
}

module.exports = {
  chainWebpack: config => {
    config.resolve.alias.set('@', resolve('src'))
  },
  // css相关配置
  css: {
    // 是否使用css分离插件 ExtractTextPlugin 生产环境下是true,开发环境下是false
    extract: process.env.NODE_ENV == 'development' ? false : true,
    // 开启 CSS source maps?
    sourceMap: false,
    // css预设器配置项
    loaderOptions: {
      sass: {
        // @是src的别名
        prependData: `@import "@/styles/base.scss";`
      }
    },
    // 启用 CSS modules for all css / pre-processor files.  现在推荐使用 requireModuleExtension
    requireModuleExtension: true
  },
  devServer: {
    open: true // 自动打开浏览器
  }
}
